<ion-header >
  <ion-toolbar color="primary">
    <ion-title>联系人</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content style="background-color: #f4f4f4">
  <ion-list style="border-bottom:none" >
    <div *ngFor="let item of contactList">
    <ion-item  *ngIf="item.userCode!=user.userCode"  (click)="goChatView(item)">
      <ion-avatar item-left >
        <img src="assets/img/c_invite.png" >
      </ion-avatar>
      <h2>{{item.userName}}</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    </div>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/c_phoneList.png">
      </ion-avatar>
      <h2>手机通讯录</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward'></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/c_myTeam.png">
      </ion-avatar>
      <h2>我的团队</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward'></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item class="no-border">
      <ion-avatar item-left>
        <img src="assets/img/c_myCustom.png">
      </ion-avatar>
      <h2>我的客户</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward'></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item-divider color="light"></ion-item-divider>
    <ion-item class="no-border">
      <ion-avatar item-left>
        <img src="assets/img/c_myCustom.png">
      </ion-avatar>
      <h2>宁波大千针织有限公司</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward'></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item-divider color="light"></ion-item-divider>
    <ion-item >
      <ion-avatar item-left>
        <img src="assets/img/c_topContact.png">
      </ion-avatar>
      <h2>常用联系人</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward'></ion-icon>
      </ion-note>
    </ion-item>
  </ion-list>
</ion-content>
